<!DOCTYPE html>
<html lang=en

  >

  <head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
    <meta name="description" content="在浏览器中输入URL后，执行的全部过程。会用到哪些协议？整个流程如下： 域名解析 为了将消息从你的PC上传到服务器上，需要用到IP协议、ARP协议和OSPF协议。 发起TCP的三次握手 建立TCP连接后发起HTTP请求 服务器响应HTTP请求 浏览器解析html代码，并请求HTML代码中的资源（如js、css、图片等） 断开TCP连接 浏览器对页面进行渲染呈现给用户  域名解析比如要查询www.b">
<meta property="og:type" content="article">
<meta property="og:title" content="探讨浏览器输入www.baidu.com之后发生了什么...">
<meta property="og:url" content="https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/index.html">
<meta property="og:site_name" content="一个有温度的小流年">
<meta property="og:description" content="在浏览器中输入URL后，执行的全部过程。会用到哪些协议？整个流程如下： 域名解析 为了将消息从你的PC上传到服务器上，需要用到IP协议、ARP协议和OSPF协议。 发起TCP的三次握手 建立TCP连接后发起HTTP请求 服务器响应HTTP请求 浏览器解析html代码，并请求HTML代码中的资源（如js、css、图片等） 断开TCP连接 浏览器对页面进行渲染呈现给用户  域名解析比如要查询www.b">
<meta property="og:locale" content="en_US">
<meta property="article:published_time" content="2023-08-29T10:27:34.035Z">
<meta property="article:modified_time" content="2023-08-30T07:57:50.461Z">
<meta property="article:author" content="小流年">
<meta name="twitter:card" content="summary">
    
    
      
        
          <link rel="shortcut icon" href="/mrl/images/favicon.ico">
        
      
      
        
          <link rel="icon" type="image/png" href="/mrl/images/favicon-192x192.png" sizes="192x192">
        
      
      
        
          <link rel="apple-touch-icon" sizes="180x180" href="/mrl/images/apple-touch-icon.png">
        
      
    
    <!-- title -->
    <title>探讨浏览器输入www.baidu.com之后发生了什么...</title>
    <!-- async scripts -->
    <!-- Google Analytics -->


    <!-- Umami Analytics -->


    <!-- styles -->
    
<link rel="stylesheet" href="/mrl/css/style.css">

    <!-- persian styles -->
    
    <!-- rss -->
    
    
	<!-- mathjax -->
	
<meta name="generator" content="Hexo 6.3.0"></head>


    <body class="max-width mx-auto px3 ltr">
      
        <div id="header-post">
  <a id="menu-icon" href="#" aria-label="Menu"><i class="fa-solid fa-bars fa-lg"></i></a>
  <a id="menu-icon-tablet" href="#" aria-label="Menu"><i class="fa-solid fa-bars fa-lg"></i></a>
  <a id="top-icon-tablet" href="#" aria-label="Top" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" style="display:none;"><i class="fa-solid fa-chevron-up fa-lg"></i></a>
  <span id="menu">
    <span id="nav">
      <ul>
        <!--
       --><li><a href="/mrl/search/">搜索</a></li><!--
     --><!--
       --><li><a href="/mrl/">首页</a></li><!--
     --><!--
       --><li><a href="/mrl/categories/">个人</a></li><!--
     --><!--
       --><li><a href="/mrl/articles/">归档</a></li><!--
     --><!--
       --><li><a href="/mrl/product/">产品</a></li><!--
     -->
      </ul>
    </span>
    <br/>
    <span id="actions">
      <ul>
        
        <li><a class="icon" aria-label="Previous post" href="/mrl/2023/09/04/%E5%AE%9E%E7%8E%B0%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E5%BC%8F/"><i class="fa-solid fa-chevron-left" aria-hidden="true" onmouseover="$('#i-prev').toggle();" onmouseout="$('#i-prev').toggle();"></i></a></li>
        
        
        <li><a class="icon" aria-label="Next post" href="/mrl/2023/08/29/Linux/"><i class="fa-solid fa-chevron-right" aria-hidden="true" onmouseover="$('#i-next').toggle();" onmouseout="$('#i-next').toggle();"></i></a></li>
        
        <li><a class="icon" aria-label="Back to top" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa-solid fa-chevron-up" aria-hidden="true" onmouseover="$('#i-top').toggle();" onmouseout="$('#i-top').toggle();"></i></a></li>
        <li><a class="icon" aria-label="مشاركة المنشور" href="#"><i class="fa-solid fa-share-alt" aria-hidden="true" onmouseover="$('#i-share').toggle();" onmouseout="$('#i-share').toggle();" onclick="$('#share').toggle();return false;"></i></a></li>
      </ul>
      <span id="i-prev" class="info" style="display:none;">Previous post</span>
      <span id="i-next" class="info" style="display:none;">Next post</span>
      <span id="i-top" class="info" style="display:none;">Back to top</span>
      <span id="i-share" class="info" style="display:none;">مشاركة المنشور</span>
    </span>
    <br/>
    <div id="share" style="display: none">
      <ul>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.facebook.com/sharer.php?u=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/"><i class="fab fa-facebook " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://twitter.com/share?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&text=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-twitter " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.linkedin.com/shareArticle?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-linkedin " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://pinterest.com/pin/create/bookmarklet/?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&is_video=false&description=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-pinterest " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="mailto:?subject=探讨浏览器输入www.baidu.com之后发生了什么...&body=Check out this article: https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/"><i class="fa-solid fa-envelope " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://getpocket.com/save?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-get-pocket " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://reddit.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-reddit " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.stumbleupon.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-stumbleupon " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://digg.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-digg " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.tumblr.com/share/link?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&name=探讨浏览器输入www.baidu.com之后发生了什么...&description="><i class="fab fa-tumblr " aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://news.ycombinator.com/submitlink?u=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&t=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-hacker-news " aria-hidden="true"></i></a></li>
</ul>

    </div>
    
    
      <div id="toc">
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E8%BE%93%E5%85%A5URL%E5%90%8E%EF%BC%8C%E6%89%A7%E8%A1%8C%E7%9A%84%E5%85%A8%E9%83%A8%E8%BF%87%E7%A8%8B%E3%80%82%E4%BC%9A%E7%94%A8%E5%88%B0%E5%93%AA%E4%BA%9B%E5%8D%8F%E8%AE%AE%EF%BC%9F"><span class="toc-number">1.</span> <span class="toc-text">在浏览器中输入URL后，执行的全部过程。会用到哪些协议？</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%95%B4%E4%B8%AA%E6%B5%81%E7%A8%8B%E5%A6%82%E4%B8%8B%EF%BC%9A"><span class="toc-number">1.1.</span> <span class="toc-text">整个流程如下：</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90"><span class="toc-number">2.</span> <span class="toc-text">域名解析</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#ARP%EF%BC%88%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%E5%8D%8F%E8%AE%AE%EF%BC%89"><span class="toc-number">3.</span> <span class="toc-text">ARP（地址解析协议）</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%B7%AF%E7%94%B1%E9%80%89%E6%8B%A9%E5%8D%8F%E8%AE%AE"><span class="toc-number">4.</span> <span class="toc-text">路由选择协议</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%B7%AF%E7%94%B1%E5%99%A8%E4%B8%8E%E4%BA%A4%E6%8D%A2%E6%9C%BA%E7%9A%84%E5%8C%BA%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="toc-number">5.</span> <span class="toc-text">路由器与交换机的区别是什么？</span></a></li></ol>
      </div>
    
  </span>
</div>

          
            <div class="content index py4 ">
              
                    <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
  <header>
    
    <h1 class="posttitle p-name" itemprop="name headline">
        探讨浏览器输入www.baidu.com之后发生了什么...
    </h1>



    <div class="meta">
      <span class="author p-author h-card" itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span class="p-name" itemprop="name">小流年</span>
      </span>
      
    <div class="postdate">
      
        <time datetime="2023-08-29T10:27:34.035Z" class="dt-published" itemprop="datePublished">2023-08-29</time>
        
      
    </div>


      
    <div class="article-category">
        <i class="fa-solid fa-archive"></i>
        <a class="category-link" href="/mrl/categories/%E6%8E%A2%E8%AE%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www-baidu-com%E4%B9%8B%E5%90%8E%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88/">探讨浏览器输入www.baidu.com之后发生了什么</a>
    </div>


      

    </div>
  </header>
  

  <div class="content e-content" itemprop="articleBody">
    <h1 id="在浏览器中输入URL后，执行的全部过程。会用到哪些协议？"><a href="#在浏览器中输入URL后，执行的全部过程。会用到哪些协议？" class="headerlink" title="在浏览器中输入URL后，执行的全部过程。会用到哪些协议？"></a>在浏览器中输入URL后，执行的全部过程。会用到哪些协议？</h1><h2 id="整个流程如下："><a href="#整个流程如下：" class="headerlink" title="整个流程如下："></a>整个流程如下：</h2><ul>
<li>域名解析</li>
<li>为了将消息从你的PC上传到服务器上，需要用到IP协议、ARP协议和OSPF协议。</li>
<li>发起TCP的三次握手</li>
<li>建立TCP连接后发起HTTP请求</li>
<li>服务器响应HTTP请求</li>
<li>浏览器解析html代码，并请求HTML代码中的资源（如js、css、图片等）</li>
<li>断开TCP连接</li>
<li>浏览器对页面进行渲染呈现给用户</li>
</ul>
<h1 id="域名解析"><a href="#域名解析" class="headerlink" title="域名解析"></a>域名解析</h1><p>比如要查询<a href="http://www.baidu.com的IP地址：">www.baidu.com的IP地址：</a></p>
<p>　　1、浏览器搜索自己的DNS缓存（维护一张域名与IP地址的对应表）；</p>
<p>　　2、若没有，则搜索操作系统中的DNS缓存（维护一张域名与IP地址的对应表）；</p>
<p>　　3、若没有，则搜索操作系统的hosts文件（Windows环境下，维护一张域名与IP地址的对应表）；</p>
<p>　　4、若没有，则操作系统将域名发送至本地域名服务器—（递归查询方式），本地域名服务器查询自己的DNS缓存，查找成功则返回结果，否则，（以下是迭代查询方式）</p>
<p>　　　　4.1. 本地域名服务器向根域名服务器（其虽然没有每个域名的具体信息，但存储了负责每个域，如com、net、org等解析的顶级域名服务器的地址）发起请求，此处，根域名服务器返回com域的顶级域名服务器的地址；</p>
<p>　　　　4.2. 本地域名服务器向com域的顶级域名服务器发起请求，返回baidu.com权限域名服务器（权限域名服务器，用来保存该区中的所有主机域名到IP地址的映射）地址；</p>
<p>　　　　4.3. 本地域名服务器向baidu.com权限域名服务器发起请求，得到<a target="_blank" rel="noopener" href="http://www.baidu.com的ip地址;/">www.baidu.com的IP地址；</a></p>
<p>　　5、本地域名服务器将得到的IP地址返回给操作系统，同时自己也将IP地址缓存起来；</p>
<p>　　6、操作系统将IP地址返回给浏览器，同时自己也将IP地址缓存起来；</p>
<p>　　7、至此，浏览器已经得到了域名对应的IP地址；</p>
<h1 id="ARP（地址解析协议）"><a href="#ARP（地址解析协议）" class="headerlink" title="ARP（地址解析协议）"></a>ARP（地址解析协议）</h1><p>　　ARP解决的是同一个局域网内，主机或路由器的IP地址和MAC地址的映射问题。如果源主机和目的主机在同一个局域网内（目标IP和本机IP分别与子网掩码相与的结果相同，那么它们在一个子网），就可以用ARP找到目的主机的MAC地址；如果不在一个局域网内，用ARP协议找到本网络内的一个路由器的MAC地址，剩下的工作有这个路由器来完成。</p>
<p>　　ARP协议的具体内容：</p>
<p>　　（1）每个主机都会有ARP高速缓存，存储本局域网内IP地址和MAC地址之间的对应关系。</p>
<p>　　（2）当源主机要发送数据时，首先检查ARP高速缓存中是否有对应IP地址目的主机的MAC地址，如果有，则直接发送数据，如果没有，就像本网段的所有主机发送ARP请求分组，该数据包包括的内容有：（源主机IP地址，源主机MAC地址，目的主机的IP地址）。</p>
<p>　　（3）当本网络的所有主机收到该ARP请求分组时，首先检查数据包中的IP地址是否是自己的IP地址，如果不是，则忽略该数据包；如果是，则首先从数据包中取出源主机的IP地址和MAC地址写入到ARP高速缓存中，如果已经存在，则覆盖，然后将自己的MAC地址写入ARP响应包中，告诉源主机自己是它想要找的MAC地址。</p>
<p>　　（4）源主机收到ARP响应分组后，将目的主机的IP和MAC地址写入ARP高速缓存中，并利用此信息发送数据。如果源主机一直没有收到ARP响应分组，表示ARP查询失败。</p>
<h1 id="路由选择协议"><a href="#路由选择协议" class="headerlink" title="路由选择协议"></a>路由选择协议</h1><p>　　网络层主要做的是通过查找路由表确定如何到达服务器，期间可能经过多个路由器，这些都是由路由器来完成的工作，通过查找路由表决定通过哪个路径到达服务器，其中用到路由选择协议。</p>
<h1 id="路由器与交换机的区别是什么？"><a href="#路由器与交换机的区别是什么？" class="headerlink" title="路由器与交换机的区别是什么？"></a>路由器与交换机的区别是什么？</h1><p>　　1）交换机工作在数据链路层；路由器工作在网络层；</p>
<p>　　2）交换机转发数据帧；路由器转发IP组；</p>
<p>　　3）交换机隔离冲突域，不隔离广播域；路由器隔离冲突域，隔离广播域；</p>

  </div>
</article>



                      
                        <div id="footer-post-container">
  <div id="footer-post">

    <div id="nav-footer" style="display: none">
      <ul>
        
          <li><a href="/mrl/search/">搜索</a></li>
        
          <li><a href="/mrl/">首页</a></li>
        
          <li><a href="/mrl/categories/">个人</a></li>
        
          <li><a href="/mrl/articles/">归档</a></li>
        
          <li><a href="/mrl/product/">产品</a></li>
        
      </ul>
    </div>

    
    
      <div id="toc-footer" style="display: none">
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E8%BE%93%E5%85%A5URL%E5%90%8E%EF%BC%8C%E6%89%A7%E8%A1%8C%E7%9A%84%E5%85%A8%E9%83%A8%E8%BF%87%E7%A8%8B%E3%80%82%E4%BC%9A%E7%94%A8%E5%88%B0%E5%93%AA%E4%BA%9B%E5%8D%8F%E8%AE%AE%EF%BC%9F"><span class="toc-number">1.</span> <span class="toc-text">在浏览器中输入URL后，执行的全部过程。会用到哪些协议？</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%95%B4%E4%B8%AA%E6%B5%81%E7%A8%8B%E5%A6%82%E4%B8%8B%EF%BC%9A"><span class="toc-number">1.1.</span> <span class="toc-text">整个流程如下：</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90"><span class="toc-number">2.</span> <span class="toc-text">域名解析</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#ARP%EF%BC%88%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%E5%8D%8F%E8%AE%AE%EF%BC%89"><span class="toc-number">3.</span> <span class="toc-text">ARP（地址解析协议）</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%B7%AF%E7%94%B1%E9%80%89%E6%8B%A9%E5%8D%8F%E8%AE%AE"><span class="toc-number">4.</span> <span class="toc-text">路由选择协议</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%B7%AF%E7%94%B1%E5%99%A8%E4%B8%8E%E4%BA%A4%E6%8D%A2%E6%9C%BA%E7%9A%84%E5%8C%BA%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F"><span class="toc-number">5.</span> <span class="toc-text">路由器与交换机的区别是什么？</span></a></li></ol>
      </div>
    

    <div id="share-footer" style="display: none">
      <ul>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.facebook.com/sharer.php?u=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/"><i class="fab fa-facebook fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://twitter.com/share?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&text=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-twitter fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.linkedin.com/shareArticle?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-linkedin fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://pinterest.com/pin/create/bookmarklet/?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&is_video=false&description=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-pinterest fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="mailto:?subject=探讨浏览器输入www.baidu.com之后发生了什么...&body=Check out this article: https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/"><i class="fa-solid fa-envelope fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://getpocket.com/save?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-get-pocket fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://reddit.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-reddit fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.stumbleupon.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-stumbleupon fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://digg.com/submit?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&title=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-digg fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="http://www.tumblr.com/share/link?url=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&name=探讨浏览器输入www.baidu.com之后发生了什么...&description="><i class="fab fa-tumblr fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" target="_blank" rel="noopener" href="https://news.ycombinator.com/submitlink?u=https://liushuaijun.gitee.io/mrl/2023/08/29/%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5www.baidu.com%E4%B9%8B%E5%90%8E/&t=探讨浏览器输入www.baidu.com之后发生了什么..."><i class="fab fa-hacker-news fa-lg" aria-hidden="true"></i></a></li>
</ul>

    </div>

    <div id="actions-footer">
        <a id="menu" class="icon" href="#" onclick="$('#nav-footer').toggle();return false;"><i class="fa-solid fa-bars fa-lg" aria-hidden="true"></i> Menu</a>
        
          <a id="toc" class="icon" href="#" onclick="$('#toc-footer').toggle();return false;"><i class="fa-solid fa-list fa-lg" aria-hidden="true"></i> TOC</a>
        
        <a id="share" class="icon" href="#" onclick="$('#share-footer').toggle();return false;"><i class="fa-solid fa-share-alt fa-lg" aria-hidden="true"></i> Share</a>
        <a id="top" style="display:none" class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa-solid fa-chevron-up fa-lg" aria-hidden="true"></i> Top</a>
    </div>

  </div>
</div>

                          
                            <footer id="footer">
  <div class="footer-left">
    Copyright &copy;
    
    
    2020-2023
    小流年
  </div>
  <div class="footer-right">
    <nav>
      <ul>
        <!--
       --><li><a href="/mrl/search/">搜索</a></li><!--
     --><!--
       --><li><a href="/mrl/">首页</a></li><!--
     --><!--
       --><li><a href="/mrl/categories/">个人</a></li><!--
     --><!--
       --><li><a href="/mrl/articles/">归档</a></li><!--
     --><!--
       --><li><a href="/mrl/product/">产品</a></li><!--
     -->
      </ul>
    </nav>
  </div>
  
  <div class="busuanzi">
    
      <!-- 不蒜子统计 -->
      <span id="busuanzi_container_site_pv">
        网站总访问量:<span id="busuanzi_value_site_pv"></span>
      </span>
      
     <span class="post-meta-divider">|</span>
      <span id="busuanzi_container_site_uv" style='display:none'>
          本站访客数<span id="busuanzi_value_site_uv"></span>人
      </span>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
     
  </div>
</footer>

            </div>
            <!-- styles -->



  <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous" onload="this.onload=null;this.rel='stylesheet'"/>


              <!-- jquery -->

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>




<!-- clipboard -->

  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.7/clipboard.min.js" crossorigin="anonymous"></script>
  
  <script type="text/javascript">
  $(function() {
    // copy-btn HTML
    var btn = "<span class=\"btn-copy tooltipped tooltipped-sw\" aria-label=\"Copy to clipboard!\">";
    btn += '<i class="fa-regular fa-clone"></i>';
    btn += '</span>';
    // mount it!
    $(".highlight table").before(btn);
    var clip = new ClipboardJS('.btn-copy', {
      text: function(trigger) {
        return Array.from(trigger.nextElementSibling.querySelectorAll('.code')).reduce((str,it)=>str+it.innerText+'\n','')
      }
    });
    clip.on('success', function(e) {
      e.trigger.setAttribute('aria-label', "Copied!");
      e.clearSelection();
    })
  })
  </script>


<script src="/mrl/js/main.js"></script>

<!-- search -->

<!-- Baidu Analytics -->

<!-- Cloudflare Analytics -->

<!-- Disqus Comments -->

<!-- utterances Comments -->

    </body>

    </html>